<template>
    <view class="appeal">
        <view class="appeal-item">
            <view class="item-top">2022-12-12 12:12:12</view>
            <view class="item-center">
                商品的实时标价，不因表述的差异改变性质。具体成交价格根据商品参加活动，或会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。
            </view>
            <view class="item-bottom">
                <image src="../../static/mine/more.png" mode="scaleToFill" />
            </view>
        </view>
        <view class="appeal-item1">
            <view class="btn" @click="goAppeal"> 提交申诉 </view>
        </view>
    </view>
</template>
<script>
export default {
    name: "appeal",
    components: {},
    mixins: [],
    props: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    mounted() {},
    methods: {
        //点击提交申诉
        goAppeal() {
            uni.navigateTo({
                url: "/subpack/appealDetail/appealDetail",
            });
        },
    },
};
</script>
<style lang="scss" scoped>
.appeal {
    background-color: #f7f7f7;
    .appeal-item {
        background-color: #fff;
        padding: 25rpx;
        margin: 25rpx;
        border-radius: 20rpx;
        .item-top {
            font-size: 26rpx;
            color: #999;
            margin-bottom: 10rpx;
        }
        .item-center {
            font-size: 28rpx;
            color: #333;
            margin-bottom: 10rpx;
        }
        .item-bottom {
            image {
                width: 100rpx;
                height: 100rpx;
                border-radius: 20rpx;
                margin-top: 10rpx;
            }
        }
    }
    .appeal-item1 {
        width: 100%;
        position: fixed;
        bottom: 40rpx;
        left: 50%;
        transform: translateX(-50%);
        .btn {
            width: 90%;
            margin: 0 auto;
            background-color: #df4748;
            border-radius: 50rpx;
            padding: 10rpx 0;
            text-align: center;
            font-size: 28rpx;
            color: #fff;
        }
    }
}
</style>
